<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>即时通讯</title>
    <script>
        function im() {
            var is_support = ("WebSocket" in window);
            if (is_support) {
                // 打开一个 web socket
                var ws = new WebSocket("ws://127.0.0.1:10002/lts-one/2");
                //  Web Socket 已连接上

                ws.onopen = function() {
                    // 使用 send() 方法向服务器发送数据
                    ws.send("{'userId':'2','message':'test'}");
                    console.log("数据发送中...");
                };
                //  接受服务器数据

                ws.onmessage = function (e) {
                    var received_msg = e.data;
                    console.log("数据已接收..." + received_msg);
                };

                //  连接关闭
                ws.onclose = function() {
                    // 关闭 websocket
                    console.log("连接已关闭...");
                };
            } else {
                // 浏览器不支持 WebSocket
                alert("您的浏览器不支持 WebSocket!");
            }
        }

    </script>
</head>
<body>
<div>
    <button onclick="im()">
        连接
    </button>


</div>
</body>
</html>